@for $i from 0 through 100 {
  .lh-#{$i} {
    line-height: $i + px !important;
  }
}
@for $i from 12 through 100 {
  .fts-#{$i} {
    font-size: $i + px !important;
  }
}

@for $i from 12 through 100 {
  .img-icon.fts-#{$i} {
    width: $i + px !important;
    height: $i + px !important;
  }
}


@for $i from 0 through 50 {
  .top-#{$i} {
    top: $i + px !important;
  }
  .left-#{$i} {
    left: $i + px !important;
  }
  .right-#{$i} {
    right: $i + px !important;
  }
  .bottom-#{$i} {
    bottom: $i + px !important;
  }
}
@for $i from 0 through 50 {
  .top-#{$i}f {
    top: -$i + px !important;
  }
  .left-#{$i}f {
    left: -$i + px !important;
  }
  .right-#{$i}f {
    right: -$i + px !important;
  }
  .bottom-#{$i}f {
    bottom: -$i + px !important;
  }
}